<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
		<link href="favicon.ico" rel="icon" type="image/x-icon" />
		<!-- 导入jquery核心类库 -->
		<script type="text/javascript" src="./js/jquery-1.8.3.js"></script>
		<!-- 导入easyui类库 -->
		<link id="easyuiTheme" rel="stylesheet" type="text/css" href="./js/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="./js/easyui/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="./css/default.css">
		<script type="text/javascript" src="./js/easyui/jquery.easyui.min.js"></script>
		<!-- 导入ztree类库 -->
		<link rel="stylesheet" href="./js/ztree/zTreeStyle.css" type="text/css" />
		<script src="./js/ztree/jquery.ztree.all-3.5.js" type="text/javascript"></script>
		<script src="./js/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
		<script>
			$(function(){
				$("#grid").datagrid({
					columns:[[
					     {field:"id",title:"Id",width:100},
					     {field:"name",title:"Name",width:100},
					     {field:"price",title:"Price",width:100}
					]],
					url:"product.json",
					pagination:true,
					toolbar:[{
						id : 'button-edit',
				        text : '编辑',
						iconCls: 'icon-edit',  		
					    handler: function(){
							  	alert('edit')
							  	}
							  
					}]
				});
			});
			
			
		</script>
	</head>
	<body>
		<table id="grid"></table>
	</body>
</html>
